<page-container>
  <data-form [showReset]="false" (submit)="onRefresh()" [button]="button" [action]="action">
    <ng-template #button>
      <ql-button size="small" type="primary" (click)="table.toggleSelection()">全选</ql-button>
    </ng-template>
    <ng-template #action>
      <ql-button type="success"  (click)="modalRef.close(table.getSelection())">提交</ql-button>
    </ng-template>
    <ql-form-item label="客户号">
      <ql-input></ql-input>
    </ql-form-item>
    <ql-form-item label="客户姓名">
      <ql-input></ql-input>
    </ql-form-item>
    <ql-form-item label="手机号">
      <ql-input></ql-input>
    </ql-form-item>
    <ql-form-item label="证件类型">
      <ql-select></ql-select>
    </ql-form-item>
    <ql-form-item label="证件号码">
      <ql-input></ql-input>
    </ql-form-item>
    <ql-form-item label="卡号">
      <ql-input></ql-input>
    </ql-form-item>
    <ql-form-item label="存款账号">
      <ql-input></ql-input>
    </ql-form-item>
    <ql-form-item label="贷款账号">
      <ql-input></ql-input>
    </ql-form-item>
  </data-form>

  <data-table #table [model]="customerList" selection="multiple">
    <ql-table-column model-key="ctCode" label="客户编号"> </ql-table-column>
    <ql-table-column model-key="ctName" label="客户姓名"> </ql-table-column>
    <ql-table-column model-key="ctsex" label="性别" width="80"> </ql-table-column>
    <ql-table-column model-key="ctage" label="年龄" width="80"> </ql-table-column>
    <ql-table-column model-key="ctType" label="客户类型"> </ql-table-column>
    <ql-table-column model-key="ctLevel" label="客户等级"> </ql-table-column>
    <ql-table-column model-key="ctTel" label="客户电话"> </ql-table-column>
    <ql-table-column model-key="time" label="开户时间"> </ql-table-column>
    <ql-table-column model-key="assest" label="客户资产" width="80"> </ql-table-column>
    <ql-table-column model-key="AUM" label="AUM" width="80"> </ql-table-column>
    <ql-table-column model-key="productnum" label="持有产品数"> </ql-table-column>
    <ql-table-column model-key="interaTime" label="互动时间"> </ql-table-column>
    <ql-table-column label="操作">
      <ng-template #slot let-scope="scope">
        <!-- <ql-button type="text">数据维护</ql-button> -->
        <ql-button type="text" [routerLink]="['/customer/customer-detail']">详情</ql-button>
        <ql-button type="text">删除</ql-button>
      </ng-template>
    </ql-table-column>
  </data-table>
</page-container>
